/************************************
OPTIONS_SLIDER.CSS							 

UTILITY CLASSES
PAGE STRUCTURE
SLIDES
ELEMENTS

*************************************/


/************************************
UTILITY CLASSES
*************************************/

.clearfix:before, .clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }


/************************************
PAGE STRUCTURE
*************************************/


#slider_wrap {
	width: 1200px;
	background-color: #f1f1f1;
		
}

#slider_control {
	width: 200px;
	float: left;
	padding: 10px;
	margin-right: 20px;
	background-color: #F7F8F8;
	border: 1px solid #D1D1D1;
	border-radius: 3px 3px 3px 3px;

}


#slider_main {
	width: 920px;
	float: left;
	border-radius: 3px 3px 3px 3px;
		
}

/************************************
SLIDES
*************************************/


#slides {
	margin: 0px;	
}

#slides li.slide {
	width: 100%;
	clear: both;


}

#slides li .slide_head h3{
	padding: 10px;
	margin: 0px;
	color:#2a2a2a;
	background:#dadada;
	cursor: pointer;
}
#slides li.current_slide .slide_head h3{
 background: #ffcc00;	
 }
 
#slides li .slide_head h3 i{
	font-weight: normal;
	font-style: normal;
	color: #444444;
}
#slides li .slide_content {
	padding: 10px;
}


#slides li .slide_thumb {
	float: left;
	margin-right: 10px;

}

#slides li .slide_options {
	width:690px;
	float: left;	
}

#slide_templates {
	display: none;	
}

#slides li.current_slide {
	border: 1px solid #ffc000;	
}

.sortable_placeholder {
	width: 100%;	
	height: 40px;
	background-color: white;
	border: 2px dashed #ffc000;
}

/************************************
ELEMENTS
*************************************/

#slider_control button {
	width: 100%;	
	margin-bottom: 5px;
}

.slide_content input.url {
	width:530px;	
}

.slide_content select {
	max-width: 690px;	
}


/* Additons */

.slide_options textarea{
	width: 100%;
}
.slide_options label{
	font-weight: bold;
}
.slide{
    background-color: #F7F8F8;
    border: 1px solid #D1D1D1;
    border-radius: 3px 3px 3px 3px;
    margin-bottom: 20px;
    margin-top: 0;
}

